@import '/VUD/Style Library/Adres/Styles/Less/vars.less';


@media only screen and (max-width: 992px) {

    .header-logo div:last-child{
             display: none; 
        }
        .vud{
            #slider{
                margin-top: 80px;
            }
        }
    
    #access-bar {
		
	    width: 90% !important;
	    height: 45px !important;
	    position: inherit !important;
	    display: flex !important;
	    justify-content: center !important;
	    flex-flow: row !important;
	    background-color: transparent !important;
	      
	      	img {
				background-color: transparent !important;
			}
	      
		    span{
	        	visibility: hidden !important;
	    	}
	  
			div {
	            cursor: pointer;
	            position: relative;
	            width: 100%;
	            margin: 0px !important;	
	            background-color: transparent !important;
	            text-align: -webkit-center!important;
			}
	            
	   
	   			 div:last-child{
			   		text-align: -webkit-right !important;
			  	}
				 
				div:first-child {
    				text-align: -webkit-left !important;
				}
	   
		   #access-bar > div div {
			    background-color: transparent !important;	   			
		   }
	   }
}


@media (max-width: 768px){
    .content-imagemenu p:nth-child(3) img {width: 100%;}​​

    .header-logo div:last-child{
            margin-top: 20px;
        }
        .vud{
            #slider{
                height: 270px;
                margin-top: -39px;
            }
        }
    
    .ms-breadcrumb-box{
        display: inline;
    }
    #header .header-second #menu-sharepoint .navbar.navbar-expand-lg{
        button{
            width: 100%;
            text-align: right;
            
            svg{
               /* font-size: 30px;
                color: @menu;*/
                 
                position: relative;
				bottom: 102px;
				right: -32px;
				color: #2B4087;
				z-index: 3;
				font-size:30px;

                
                
            }
            &:hover{
                border:none;
                background-color: transparent;
            }
            &:focus{
                outline: none;
            }
        }
        .ms-core-listMenu-horizontalBox{
            width: 100%;
        }
        .ms-core-listMenu-root{
            display: block;
            min-width: 94%;
            padding: 5px 0;
            box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 0px 0px !important;
            border-top: 3px solid @ligth !important;
            position: absolute; 
            position: relative !important;
            top: 5px !important;  
            margin-bottom: 14px;
            li{
                display: block;
                height: auto;
                border-right: none;
                border-left: none;
                margin: 0 !important;
                a{
                    display: block;
                    padding: 14px 22px;
                    color: @menu !important;
                    border-bottom: 1px solid #DDDDDD;
                    margin: 0;
                }
            }
        }
    }
    #header .header-second #menu-sharepoint .navbar.navbar-expand-lg #navbarSupportedContent .ms-core-listMenu-root li.static.selected a::before{
        content: none;
    }

    .vud{
        .tramites{
            .item-tra-exce{
                margin-bottom: 20px;
            }
            .item-tramite{
                margin-bottom: 20px;
            }
        }
    }  
    .footer-logos{
        display: flex;
        margin-top: 20px;
        li.dfwp-item{
            width: 50%;
            &:last-child{
                text-align: right;
            }
        }
    }
    #footer{
        padding: 30px 25px;
        .col-lg-6{
            border: none;
        }
    }
    #header{
        .header-second{
     
			background: #F2F2F2; 
			/*height: 5rem;*/
	
            #menu-sharepoint{
                position: relative;
                top: 22px;
                .navbar-collapse {
                    margin-top: -83px;
                    margin-bottom: 88px;
                }
            }
        }
        .headerthird{
            position: absolute;
            /*top: 43px;*/
            width: 100%;
            text-align: center;
            
			top: 48px;
			height: auto;
            
        }
    }

    .header-logo{
        
        img{
        	position: relative;
        	top: -10px !important;
        }
    }

    .ms-rtestate-field{
        width: 100%;
    }
    #header .header-second #menu-sharepoint .navbar.navbar-expand-lg #navbarSupportedContent .ms-core-listMenu-root li.static{
        margin: 0 !important;
    }
    .tramite .accordion .collapse-init{
        width: 100%;
    }
    ul.tramites-descrip{
        padding: 0;
        margin-top: 30px !important;
    }

    .vud #slider .DownloadTitle {
        height: 257px;
    }

    .vud #slider .DownloadTitle h1 {
        font-size: 35px;
    }

    .vud #slider .DownloadTitle h2 {
        font-size: 30px;
    }

    .vud #slider .DownloadTitle p {
        font-size: 14px;
    }
}

@media only screen and (max-device-width: 425px) {
    /* For mobile phones: */
    .header-logo div:last-child{
          margin-top: 20px;
      }
      .vud{
          #slider{
              height: 140px;
              margin-top: -39px;
          }
      }
  
      .vud #slider .DownloadTitle {
          height: 127px !important;
      }
  
      .vud #slider .DownloadTitle h1 {
          font-size: 18px;
          line-height: 2px;
      }
  
      .vud #slider .DownloadTitle h2 {
          font-size: 16px;
          line-height: 2px;
      }
  
      .vud #slider .DownloadTitle p {
          display: none;
      }

      h3 {
          font-size: 18px !important;
      }
    
  }









//! responsive
.ms-signInLink{
    display: none !important;
}



/*Cristian Maldoando*/

#header .header-second #menu-sharepoint .navbar.navbar-expand-lg #navbarSupportedContent .ms-core-listMenu-root li.static:first-child.contrast-active::before{

    background: #fff!important;
}

#access-bar > div div.contrast-active{
    background: #fff!important;
 }

 .bootstrap-dialog .bootstrap-dialog-message.contrast-active{
     color: #000;
 }

 .vud .tramites .item-tramite .conte-trami.contrast-active{
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
 }

 li.contrast-active{
     background: #000;
 }